* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}

 


.header{position:fixed;z-index:25;left:0;top:0;width:100%;background:#fff;padding: 0 5%;     border-bottom: 1px solid #f5f5f5;}
.header .logo{height:80px;line-height:80px;overflow:hidden}
.header nav{padding-left: 10%;}
.header nav ul li{position:relative;float:left;margin:0 30px}
.header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1);color: #c9111a;}
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:90px}
.header nav ul li>a{position:relative;height:90px;line-height:90px;color:#333;font-size:17px;display: block;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:3px;background:#c9111a;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{box-shadow: 0 1px 5px 0 rgba(0,0,0,.2); visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:210px;color:#333;background:rgba(255, 255, 255, 0.9);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center}
.header nav ul li .sub-nav a:hover{background:#c9111a; color:#fff;}
.header nav ul li>a:hover{color: #c9111a;}
.header .language{color:#fff}
.header .language h3{line-height: 90px; font-size: 17px;}
.header .language span{color: #c9111a; font-size: 17px;font-weight: bold;}

.search-float {width:240px;height:37px;border:1px solid #ccc;float: right;margin-top: 25px; position:relative;border-radius: 4px;}
.search-float .input-text { line-height:35px;padding: 0 15px; width:170px;border:0; background: #fff;}
.search-float .input-text:focus {outline:none;}
.search-float .btn {cursor:pointer;border:0;width:70px;height:35px;line-height:35px;overflow:hidden;position:absolute;top:0;right:0;text-align:center;font-size:14px;background:#c9111a;color:#fff;padding: 0px 1px;}
.search-float .btn i {font-size:14px;font-weight:800;margin-right:6px;}
.in-header{background:rgba(0,0,0,.05)}
.in-header.cur{background:rgba(90, 202, 253, 0.6)}
/* 移动导航 */
.motop{width:100%;
  height:70px;
  position: fixed;
  padding:0 4%;
  z-index:999999;
  display: none;
 background: #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transition: all .53s;
 -moz-transition: all .5s;
 -ms-transition: all .5s;
 transition: all .5s;
 border-bottom: 1px solid #ebebeb;
}
.motop.on{background: #fff}
.mologo{margin:0 auto;
   float:left;
}
.mologo a{line-height: 70px;
}
.mologo a span{font-size: 12px;
            margin-left: 6px;
}
.mologo img{ 
       vertical-align: middle;
}
.monav{
   margin-top:23px;
   cursor:pointer;
   position: absolute;
   right:4%;
   width:30px;
   height:22px;
}
.monav span{width:24px;
       height:2px;
       display: block;
       background: #333;
       position: absolute;
       transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:11px;}
.monav .s3{top:17px;}
.monav .s1.on{transform:rotate(45deg);
      top:10px;
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
      top:10px;
}
.navdown{width:100%;
  background: #fff;
  position: fixed;
  top:70px;
  z-index: 9999;
  display: none;
  border-top:1px solid #eee;
  padding-bottom: 40px;
  text-align: center;
}

.navdown>ul>li{line-height: 46px;
        font-size:16px;
        color:#333;
        position: relative;
        cursor:pointer;
        width:92%;
        margin:0 auto;
        border-bottom:1px dashed #e6e6e6;
        
        
}
.navdown>ul>li a{font-size:14px;
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #333;
}
.navdown>ul>li a:hover{color:#c9111a;}
.navdown .ul2{display: none;}
.navdown .ul2 li{line-height: 46px;
              border-top:1px solid #e6e6e6;
              position: relative;
             
}

.navdown .ul2 li a{margin-left: 1%;
                 font-size:12px;
                 color:#333;
                 width:100%;
                 height:100%;
                 display: block;

}
.navdown .ul2 li a i{position: absolute;
                   right:4%;


}
.navdown>ul>li>a>i{
position: absolute;
right: 4%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;

}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                      -moz-transform: rotate(90deg);
                      -ms-transform: rotate(90deg);
                       transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}



 

.banner{  width:100%; padding-top: 70px;}
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{left: 3%;  display: none; background-image: none; color: #fff; }
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ right: 3%;   display: none;background-image: none; color: #fff; } 

.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner  .swiper-button-prev i{ font-size: 50px; }
.banner  .swiper-button-next i{ font-size: 50px; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{  background: #fff;  width: 25px;height:  5px; border-radius: 0;opacity: 0.6;}
.banner .swiper-pagination-bullet-active{ background: #fff;opacity: 1; }
.bantxt {position: absolute;    left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bantxt img{max-width: 100%;   }

 
.mrg{margin: 80px 0;}
.pdg{padding: 80px 0;}

 .in_power_ul li .img-box { position: relative; }
 .in_power_ul li .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url(../imagesnew/mask_grad.png);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: auto 100%;
  visibility: visible;
  opacity: 0.3;
}
.in_power_ul li .text-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  color: #fff;
  text-align: left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 4;
  bottom: -15%;
  padding: 15px;
  font-size: 14px;
}
.in_power_ul li a{display: block; position: relative;overflow: hidden;}
.in_power_ul li .text-box h3{font-size: 24px;font-weight: bold;}
.in_power_ul li .text-box p{font-size: 16px;padding: 10px 0 20px 0; }

.in_power_ul li .text-box .text_botm span{font-size: 16px; color: #fff;padding-right: 3px; transition: 0.6s;}
.in_power_ul li .text-box .text_botm i{font-size: 14px; color: #c9111a; }
.in_power_ul li .text-box .text_botm:hover span{ padding-right: 10px; }


.in_power_ul li:hover .mask{opacity: 1;}
.in_power_ul li:hover .text-box{bottom: 0;}


.in_titpo{padding-bottom: 50px;}
.in_titpo h1{font-size: 32px;font-weight: bold;text-align: center;}
.in_titpo i{display: block; width: 50px;height: 2px;background: #c9111a; margin:10px auto;}



.in_company{overflow: hidden; background: #eeeef0;}
.in_company .in_company_fl{float: left;width: 50%;}
.in_company .in_company_fr{float: left;width: 50%;padding:5% 15% 0% 2%;}
.in_company .in_company_fr h3{font-size: 24px;font-weight: bold;padding-bottom: 40px;}
.in_company .in_company_fr span{font-size: 24px;color: #c9111a;}

.in_company .in_company_fr p{font-size: 17px; line-height: 32px; }

.in_company .in_company_fr .more{display: block;width: 200px; font-size: 16px; line-height: 40px;text-align: center; color: #fff; background: #c9111a; margin-top: 50px;}
.in_company .in_company_fr .more i{font-size: 15px;transition: 0.3s;}
.in_company .in_company_fr .more:hover i{padding-left: 10px;}




 
.sec7ban  .swiper-button-prev{background: none;left: -3%;  margin-top:3%;  outline: none; }
.sec7ban  .swiper-button-next{background: none;right: -2.5%;  margin-top: 3%; outline: none; }
.sec7ban  .swiper-button-prev i{font-size: 38px;color: #ccc;  }
.sec7ban  .swiper-button-next i{ font-size: 38px;color: #ccc; }

.sec7ban  .swiper-button-prev:hover i{font-size: 38px;color: #c9111a;  }
.sec7ban  .swiper-button-next:hover i{ font-size: 38px;color: #c9111a; }

.sec7ban .swiper-slide{ border: 1px solid #eee;}
.sec7ban .swiper-slide a {display:block;position:relative;overflow:hidden;}
.sec7ban .swiper-slide .mxceng img {width:100%;display:block;transition:1s}
.sec7ban .pic {position:relative;}
.sec7ban .swiper-slide:hover .mxzyceng {height:100%;background:rgba(38, 95, 180, 0.8);}
.sec7ban .mxzyceng {position:absolute;left:0;bottom:0;padding-top:0;margin-top:-38px;width:100%;height:38px;background:#eeeeee;}
.sec7ban .mxceng {overflow:hidden;}
.sec7ban .swiper-slide:hover .mxceng img {transform:scale(1.2);}
.sec7ban .swiper-slide .mxzyceng h3 {text-align:center;color:#333;font-size:16px;transition:0.5s;line-height: 38px; padding: 0 15%;}
.sec7ban .swiper-slide .mxzyceng p{font-size: 12px;color: #fff;text-align: center;}
.sec7ban .swiper-slide .mxzyceng i{display: block;width: 25%;height: 1px; background: #fff;text-align: center; margin:3px  auto;}
.sec7ban .swiper-slide:hover .mxzyceng h3 {padding-top:22%; padding-bottom: 2%; font-size:16px;color: #fff;}
 
.sec7ban .swiper-slide .lin {left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff;width:85%;height:85%;position:absolute;box-sizing:border-box;opacity:0;transition:0.5s;}
.sec7ban .swiper-slide:hover .lin {opacity:1;}






.in_newscr{background: url(../imagesnew/in_news_bg.jpg) no-repeat center;}
.in_news_ul li:hover a{ box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2); background: #fff;}
.in_news_ul li a{display: block;padding: 20px;}
.in_news_ul li h3{font-size: 16px;padding: 20px 0 20px 0; font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.in_news_ul li span{font-size: 14px;color: #666;}
.in_news_ul li p{height: 70px;margin:20px 0 30px 0;line-height: 24px; font-size: 14px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.in_news_ul li img{width: 100%;}
.in_news_ul li:hover h3{color: #c9111a;}



 
.shipin li {margin-bottom: 30px;}
.shipin li a {position: relative;display: block}
.shipin em{display:block;position:absolute;background: rgba(0, 0, 0, 0);  top:0; right:0;bottom:0;left:0; }
.shipin li em{opacity: 1;background: rgba(0, 0, 0, 0.6);background-image:url(../imagesnew/sp_hei.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;}
.shipin li p{padding-top: 20px;text-align: center;}
.shipin li img{width: 100%;background: rgba(0, 0, 0, 0.3); }
.sptit{text-align: center;padding:75px 0 30px 0;display: block;}
.shipin li:hover em{opacity: 0;}




.footer {background:#fff url(../imagesnew/footerbg.jpg) center top no-repeat;margin-top:90px; background: #f2f2f2;}
.footer>.container {position:relative;padding:50px 0  ;height:400px;}
#footernav {width:100%;position:relative;}
#footernav li {float:left;width:11.5%;}
/* #footernav li::before {display:block;position:absolute;content:"";width:3px;height:20px;background:#fff;top:8px;margin-left:130px;}
*/#footernav li:last-child::before {display:none;}
#footernav li .wenz {font-weight:600;}
#footernav li:nth-child(4) { width: 17% ; margin-left:40px;}

#footernav li:nth-child(7) {float:right;width: 20% ; }
.ft_7{font-size: 20px;font-weight: bold;color: #666;text-align: right;line-height: 40px;padding-top: 20px;}
.ft_code{text-align: right;}
.ft_code::after{display: block;content: "";clear: both;}
.ft_cdbox1{cursor:pointer;float: right;}
.ft_cdbox2{cursor:pointer;float: right;padding-right: 20px;}



#footernav li p {font-size:14px;text-align:center;color:#828282;margin-top:50px;}
 
#footernav li h3 {font-size:28px;text-align:center;color:#333;margin-top:10px;margin-left:30px;}
#footernav dt {padding-bottom:6px;}
#footernav dt a {color:#333;font-size:18px;font-weight: bold;}
#footernav dd a {color:#666;font-size:14px;}
#footernav li .wenzz {font-size:14px;}
#footernav dt a,#footernav dd a {line-height:2.2;transition:color ease .5s;}
#footernav dt a:hover,#footernav dd a:hover {color:#26add8;}

.footerbot {background:#e6e6e6;overflow:hidden;padding:0 10%;}
.footerbot {  height:50px;}
.footerbot p{color: #828282;font-size:15px;text-align: center;line-height: 50px;}



 .social   a.weixin {position:relative;}
 .social   a.weixin .wechat-qrcode {display:none;border:1px solid #eee;position:absolute;z-index:999;top:-190px;left:-89px;width:200px;height:185px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}
 .social   a.weixin .wechat-qrcode h4 {font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777;}
 .social   a.weixin .wechat-qrcode .qrcode {width:138px;margin:10px auto;}
 .social   a.weixin .wechat-qrcode .qrcode table {margin:0 !important;}
 .social   a.weixin .wechat-qrcode .qrcode img {max-width:100%;}
 .social   a.weixin .wechat-qrcode .help p {font-weight:normal;line-height:16px;padding:0;margin:0;}
 .social   a.weixin .wechat-qrcode:after {content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent;}
 .social   a.weixin .wechat-qrcode button {background:transparent;border:0;font-size:25px;position:absolute;top:-4px;right:-2px;}
 .social   a.weixin.share-open .wechat-qrcode {display:block;}
 

.ft_cdbox2{position: relative;}
.ft_cdbox2 .ft_wxbox{position: absolute;width: 160px; right: -20px; top: -200px;display: none;padding:5px 10px 10px 10px; background: #fff;    box-shadow: 0 2px 10px #aaa;}
.ft_cdbox2 .ft_wxbox .close  {text-align: right; padding-bottom: 5px;}
.ft_cdbox2 .ft_wxbox .close i{text-align: right;font-size: 20px;}
 

 @media(max-width:1750px) {

  .header nav ul li{ margin:0 20px}
  .header nav{padding-left: 3%;}
  .in_company .in_company_fr{padding: 2% 8% 0% 2%;}
  .in_company .in_company_fr p{line-height: 32px;font-size: 16px;}
}

@media(max-width:1445px) {

  .header nav ul li{ margin:0 10px}
  .in_company .in_company_fr{padding: 2% 5% 0% 2%;}
  .in_company .in_company_fr h3{padding-bottom: 10px;}
  .in_company .in_company_fr .more{margin-top: 10px;}
}

@media(max-width:1366px) { 
 
  .header{padding: 0 1%;}

}




@media(max-width:1200px) {
  .motop{display: block!important;}
  #certify{width: 100%;}
.header{display: none;}
  .header .logo img{width: 270px;}
  .footer{display: none;}
  .header nav ul li {
    margin: 0 10px;
}
.fanganfl{padding-right: 10px;}


.in_company .in_company_fr{padding: 2% ;}
 
.in_company .in_company_fr{width: 100%;float: none;}
.in_company .in_company_fl{width: 100%;float: none;}
.in_company_fl img{text-align: center;margin: auto;display: block;}

}

@media(max-width:1024px) {
  footer{height: 55px;}
  footer .footerfl {display: none;}
  footer .footerfr{width: 100%;float: none;}
  footer .footerfr p{display: none;}
footer .footerfr h4{text-align: center;}
footer .footerfr {padding-top: 10px;}

}

@media(max-width:993px) {

 
.header{display: none;} 
.main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer;  }
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#005bae;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(33, 134, 192, 0.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
}

@media(max-width:768px) {
   
  
   
}

@media(max-width:767px) {
  footer{height: 55px;height: 80px;}
  .pdg{padding: 15px 0;}
  .mrg{margin: 15px 0;}
  .in_titpo{padding-bottom: 15px;}
  .in_titpo h1{font-size: 24px;}
  .sec7ban  .swiper-button-prev{background: none;left: 5%;  margin-top:3%;  outline: none; }
  .sec7ban  .swiper-button-next{background: none;right: 7.5%;  margin-top: 3%; outline: none; }
  .in_newscr {background-size: cover;}
  .footerbot p{line-height: 24px;padding-top: 5px;}
  .footerbot  {height: 64px;padding: 0;}

}